<template>
	<view class="wp">
		<view class="ul">
			<view class="li" @click="zhgk">
				<text>展会概况></text>
			</view>
			<view class="li" @click="czgg">
				<text>参展个国></text>
			</view>
			<view class="li" @click="czgb">
				<text>参展贵宾></text>
			</view>
			<view class="li" @click="nyfq">
				<text>南亚风情></text>
			</view>
			<view class="li" @click="gyyn">
				<text>关于云南></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'nan',
		data(){
			return{
				
			}
		},
		methods: {
		  zhgk(){
		  	uni.navigateTo({
		  		url:'../user/gynb-a1'
		  	})
		  },
		  czgg(){
		  	uni.navigateTo({
		  		url:'../user/gynb-a2'
		  	})
		  },
		  czgb(){
		  	uni.navigateTo({
		  		url:'../user/gynb-a3'
		  	})
		  },
		  nyfq(){
		  	uni.navigateTo({
		  		url:'../user/gynb-a4'
		  	})
		  },
		  gyyn(){
		  	uni.navigateTo({
		  		url:'../user/gynb-a5'
		  	})
		  }	
		}
	}
</script>

<style scoped>
	.ul{
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	.ul .li{
		margin-top: 30rpx;
		height: 290rpx;
		border-radius: 20rpx;
		padding-top: 30rpx;
	}
	.ul>.li:nth-child(1){
		background: url(img/n5.jpg) no-repeat 0 0 ;
		background-size: contain;
	}
	.ul>.li:nth-child(2){
		background: url(img/n1.jpg) no-repeat 0 0 ;
		background-size: contain;
	}
	.ul>.li:nth-child(3){
		background: url(img/n2.jpg) no-repeat 0 0 ;
		background-size: contain;
	}
	.ul>.li:nth-child(4){
		background: url(img/n3.jpg) no-repeat 0 0 ;
		background-size: contain;
	}
	.ul>.li:nth-child(5){
		background: url(img/n4.jpg) no-repeat 0 0 ;
		background-size: contain;
	}
	.ul>.li>text{
		display: block;
		width: 186rpx;
		height: 48rpx;
		background: rgba(6,9,18,0.6);
		color: #fff;
		font-size: 30rpx;
		text-align: center;
		line-height: 48rpx;
		margin-left: 30rpx;
		border-radius: 50rpx;
		font-weight: 600;
	}
	
</style>
